<template>
	<scroll-view scroll-y="true" class="video-recommend" @scrolltolower="getnew" v-if="category.length">
	
			<view class="video-wrap">
				<navigator v-for="(item,index) in category" :url="`../recommend/index?img=${item.img}&video=${item.video}`" :key="item.id" >
					<image :src="item.img" mode="widthFix"></image>
				</navigator>
			</view>
		
	</scroll-view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
			
		},
		props:{
			category:Array
		},
		methods:{		
			getnew(){
				this.$emit('scrollbot')
			}	
		},
		mounted() {
			
		}
	}
</script>

<style lang="scss">
	.video-recommend{
		height: calc(100vh - 36px);
		.video-wrap{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding: 0 15rpx;
			navigator{
				display: block;
				width: 32%;
				padding-top: 15rpx;
			}
		}
	}
</style>
